<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" type="text/css" href="./node_modules/bootstrap/dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="./node_modules/font-awesome/css/font-awesome.min.css">
    <link rel="stylesheet" href="./less/index.css">
    <title>Document</title>
</head>

<body>
    <!--哈哈哈-->
    <!-- 左边树形菜单 -->
    <div class="aside">
        <!-- 信息展示 -->
        <div class="info">
            <!-- 头像 -->
            <div class="portrait">
                <img src="./images/58e052d58ce5f.jpg" alt="" class="img-circle" >
            </div>
            <!-- 昵称 -->
            <h4>超人</h4>
        </div>
        <div class="menu">
            <ol>
                <li><div><a href="javascript:void(0)"><span class="fa fa-dashboard"></span>仪表盘</a></div></li>
                <li><div><a href="#"><span class="fa fa-user-o"></span>讲师管理</a></div></li>
                <li><div><a href="#"><span class="fa fa-folder-open"></span>分类管理</a></div></li>
                <li><div><a href="#"><span class="fa fa-window-restore"></span>课程管理</a></div>
                    <ol>
                        <li><div><a href="#"><span class="fa fa-plus-square-o"></span>课程添加</a></div></li>
                        <li><div><a href="#"><span class="fa fa-list"></span>课程列表</a></div></li>
                    </ol>
                </li>
            </ol>
        </div>
    </div>
    <!-- 右边内容区 -->
    <div class="main">
      <div class="header">
            <!-- 导航条 -->
        <nav class="navbar navbar-default">
            <div class="container-fluid">
                <!-- Brand and toggle get grouped for better mobile display -->
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"
                        aria-expanded="false">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                    <a class="navbar-brand" href="#"><span class="fa fa-navicon"></span></a>
                </div>

                <!-- Collect the nav links, forms, and other content for toggling -->
                <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">


                    <ul class="nav navbar-nav navbar-right">
                        <li><a href="#"><span class="fa fa-user"></span>个人中心</a></li>
                        <li class="dropdown">
                            <a href="#"><span class="fa fa-sign-out"></span>退出</a>
                        </li>
                        <li>
                            <a href="#"><span class="fa fa-tasks"></span></a>
                        </li>
                    </ul>
                </div>
                <!-- /.navbar-collapse -->
            </div>
            <!-- /.container-fluid -->
        </nav>
     
      </div>
      <div class="body">
             <!-- 路径导航 -->
        <ol class="breadcrumb">
            <li><a href="#">讲师管理</a></li>
            <li class="active">讲师列表</li>
        </ol>
        <div class="panel panel-default">
            <div class="panel-body">
                <button type="button" class="btn btn-success pull-right">添加讲师</button>
            </div>
</div>
      </div> 
    </div>
</body>

</html>